<template>
	<!-- 最外层容器 -->
	<div class="container">
		<header id="head">
			<ul>
				<li>header1</li>
				<li>header2</li>
				<li>header2</li>
				<li>header2</li>
				<li>header2</li>
			</ul>
			<div>icon</div>
		</header>
		<section id="main">
			<menus :dLists="todoLists"></menus>
			<div class="center">
				<div>head</div>
				<router-view></router-view>
			</div>
			<div class="right">
				right
			</div>
		</section>
		<footer id="foot">
			footer
		</footer>
	</div>
</template>

<script>
import Menus from '@/components/Menu'
export default {
	components: {
		menus: Menus
	},
	data() {
		return {
			todoLists: [{id:10001,goodname:'星期一'},{id:10002,goodname:'星期二'},{id:10003,goodname:'星期三'}],
		}
	},
	mounted() {
		// let ID = this.$route;
		// console.log(ID)
		// this.$router.push({path: '/show',query:{}});
		// console.log('welcome!!!!');
	},
}
</script>

<style lang="less" scoped>
@import '../assets/style/reset.less';
@import '../assets/style/layout.less';
</style>